<template>
  <div class="echart-grid">
    <FormItem
      :form="form"
      option="echart.series.label.show"
      :label="$demoi18n('panel.label.nodeLabel')"
      type="switch"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.position"
      :label="$demoi18n('panel.label.tabPosition')"
      type="select"
      :options="seriesLabelPositions"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.rotate"
      :label="$demoi18n('panel.label.labelAngle')"
      type="number"
      serie-type="sankey"
    />

    <FormItem
      :form="form"
      option="echart.series.label.color"
      :label="$demoi18n('word.fontColor')"
      type="color"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.fontSize"
      :label="$demoi18n('word.fontSize')"
      type="number"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.fontWeight"
      :label="$demoi18n('panel.cssStyle.bold')"
      type="select"
      :options="fontWeightOptions"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.fontFamily"
      :label="$demoi18n('panel.cssStyle.fontFamily')"
      type="select"
      :options="fontFamilyOptions"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.align"
      :label="$demoi18n('panel.cssStyle.horizontalAlign')"
      type="select"
      :options="labelAligns"
      serie-type="sankey"
    />
    <FormItem
      :form="form"
      option="echart.series.label.verticalAlign"
      :label="$demoi18n('panel.cssStyle.verticalAlign')"
      type="select"
      :options="labelVerticalAligns"
      serie-type="sankey"
    />
  </div>
</template>
<script>
import FormItem from '@/components/common/echart/form-item.vue';
import {
  seriesLabelPositions,
  fontWeightOptions,
  fontFamilyOptions,
  labelAligns,
  labelVerticalAligns,
} from '@/components/common/echart/form-item-options.js';
export default {
  components: { FormItem },
  mixins: [],
  props: {
    form: Object,
  },
  data() {
    return {
      seriesLabelPositions,
      fontWeightOptions,
      fontFamilyOptions,
      labelAligns,
      labelVerticalAligns,
    };
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
